<%-- 
    Document   : discussions
    Created on : 1-Mar-2012, 6:12:44 PM
    Author     : Julien
--%>

<%@page import="java.util.ArrayList"%>
<%@page import="application.beans.CoursBean"%>
<%@page import="application.beans.CompteBean"%>
<%@page import="java.util.List"%>
<%@page import="application.beans.SousSectionBean"%>
<%@page import="controleur.ConstantesWeb"%>
<%@page import="application.beans.SectionBean"%>
<%@page import="application.beans.DiscussionBean"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
    Locale currentLocale = Locale.FRENCH;
    ResourceBundle strings = ResourceBundle.getBundle("StringsBundle", currentLocale);
    
    SousSectionBean sousSection = (SousSectionBean)(session.getAttribute(ConstantesWeb.ATTRIBUT_SOUS_SECTION));
    
    List<DiscussionBean> discussions = sousSection.getDiscussions();
    pageContext.setAttribute(ConstantesWeb.ATTRIBUT_SOUS_SECTION_LISTE_DISCUSSIONS, sousSection.getDiscussions());
%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="CSS/styleGeneral.css" type="text/css"/>
        <link rel="stylesheet" href="CSS/styleSousSection.css" type="text/css"/>
        <title>Liste des discussions</title> 
        <script type="text/javascript" src="Scripts/jQuery.js"></script>
        <script type="text/javascript" src="Scripts/scriptsCommun.js"></script>
        <script type="text/javascript" src="Scripts/scriptsSousSection.js"></script>
        <script type="text/javascript" src="Scripts/scriptsAJAX.js"></script>
    </head>
    <body>
        <%@include file="header.jsp" %>
        <%
            List<CoursBean> cours = new ArrayList();
            if(utilisateur != null && utilisateur.getStatut().equals("administrateur"))
            {
                cours = (List<CoursBean>)(session.getAttribute(ConstantesWeb.ATTRIBUT_LISTE_COURS));
            }
            else if(utilisateur != null)
            {
                cours = utilisateur.getCours();
            }
        %>
        <div id="corps">
            <div id="navigation">
                <ol class="nav">
                    <li><a id="hover" class="active" href="./Accueil"><%= strings.getString("NavigationAccueil") %></a></li>
                    <%if(utilisateur != null && utilisateur.getStatut().equals("administrateur")){%>
                        <li><a class="active" href="./GestionCompte"><%= strings.getString("NavigationCompte") %></a></li>
                        <li><a class="active" href="./GestionCours"><%= strings.getString("NavigationCours") %></a></li>
                    <%}%>
                    <li><a class="active" href="aide.jsp"><%=strings.getString("NavigationAide")%></a></li>
                </ol>
            </div>
            <div class="hoverMenu" id="sections">
                <ol>
                    <%for(int i = 0; i < sections.size(); i++){%>
                    <li>
                        <%= sections.get(i).getTitre().concat((sections.get(i).getSousSections().size() > 0)?"   >":"")  %>
                        <% if(sections.get(i).getSousSections().size() != 0){%>
                        <div class="hoverMenu">
                            <ol>
                                <%for(int j = 0; j < sections.get(i).getSousSections().size(); j++){%>
                                <li class="liSousSection" id="<%=j%>">
                                    <form id="formSousSection<%=j%>" action="./SousSection" method="get">
                                        <span>
                                            <%= sections.get(i).getSousSections().get(j).getTitre().concat((sections.get(i).getSousSections().get(j).getDiscussions().size() > 0)?"   >":"")  %>
                                            <input type="hidden" name="<%= ConstantesWeb.PARAM_ID_SOUS_SECTION %>" value="<%= sections.get(i).getSousSections().get(j).getIdSousSection() %>"/>
                                        </span>
                                    </form>
                                    <%if(sections.get(i).getSousSections().get(j).getDiscussions().size() != 0){%>
                                    <div class="hoverMenu">
                                        <ol>
                                            <%for(int k = 0; k < sections.get(i).getSousSections().get(j).getDiscussions().size(); k++){%>
                                            <li class="liDiscussion" id="<%=k%>">
                                                <form id="formDiscussion<%=k%>" action="./Discussion" method="get">
                                                    <span>
                                                        <%= sections.get(i).getSousSections().get(j).getDiscussions().get(k).getTitre() %>
                                                        <input type="hidden" name="<%= ConstantesWeb.PARAM_ID_DISCUSSION %>" value="<%= sections.get(i).getSousSections().get(j).getDiscussions().get(k).getIdDiscussion() %>"/>
                                                        <input type="hidden" name="<%= ConstantesWeb.PARAM_ID_SOUS_SECTION %>" value="<%= sections.get(i).getSousSections().get(j).getIdSousSection() %>"/>
                                                    </span>
                                                </form>
                                            </li>
                                            <%}%>
                                        </ol>
                                    </div>
                                    <%}%>
                                </li>  
                                <%}%>
                            </ol>
                        </div>
                        <%}%>
                    </li>  
                    <%}%>
                </ol>
            </div>
            <div id="centre">
                <div class="sous-section-title tailleGrand bold">
                    <%=sousSection.getTitre()%>
                </div>
                <%if(utilisateur!=null){%>
                    <div class="btnDiscussion" id="add">
                        <img src="Images/add-button.png"/>
                        <%= strings.getString("SousSectionCreer") %>
                    </div>
                    <%if(utilisateur.getStatut().equals("administrateur")){%>
                        <div class="btnDiscussion" id="delete">
                            <img src="Images/delete-button.png"/>
                            <%= strings.getString("SousSectionSupprimer") %>
                        </div>
                        <div class="btnDiscussion" id="move">
                            <img src="Images/move-button.png"/>
                            <%= strings.getString("SousSectionDeplacer") %>
                        </div>
                        <div class="btnDiscussion" id="lock">
                            <img src="Images/lock-button.png"/>
                            <%= strings.getString("SousSectionVerrouiller") %>
                        </div>
                    <%}%>
                    <div class="discussionPopUp" id="addPopUp">
                        <div class="closePopUp">[x]</div>
                        <form action="./AjouterDiscussion" method="post">
                            <input id="idSousSection" type="hidden" name="<%= ConstantesWeb.PARAM_ID_SOUS_SECTION %>" value="<%= sousSection.getIdSousSection().intValue() %>" />
                            <span class="tailleGrand" style="display: block;">
                                <%= strings.getString("SousSectionTitreDiscussion") %>
                                <input class="popUpTitle" type="text" name="<%= ConstantesWeb.PARAM_DISCUSSION_TITRE %>" placeholder="<%= strings.getString("SousSectionTitreDesc") %>" maxlength="100"/>
                            </span>
                            <textarea class="popUpMessage" cols="150" rows="6" name="<%= ConstantesWeb.PARAM_DISCUSSION_MESSAGE %>" placeholder="<%= strings.getString("SousSectionMessage") %>" maxlength="500"></textarea>
                            <span class="tailleGrand" style="display: block;">
                                <select name="<%= ConstantesWeb.PARAM_DISCUSSION_COURS %>">
                                    <option value="">---</option>
                                    <%for(int i = 0; i < cours.size(); i++){%>
                                    <option value="<%= cours.get(i).getIdCours() %>"><%= cours.get(i).getTitre() %></option>
                                    <%}%>
                                </select>
                            </span>
                            <input id="btnNouvDiscussion" type="button" value="<%= strings.getString("SousSectionSoumettre") %>"/>
                        </form>
                    </div>
                    <div class="discussionPopUp" id="movePopUp">
                        <div class="closePopUp">[x]</div>
                        <form id="formMove" action="./DeplacerDiscussion" method="post">
                            
                        </form>
                    </div>
                    <div class="elemCache" id="deleteDialog">
                        <%= strings.getString("SousSectionDialog") %>
                    </div>
                    <div class="discussionPopUp" id="lockPopUp">
                        <div class="closePopUp">[x]</div>
                        <form id="formLock" action="./VerrouillerDiscussion" method="post">
                            
                        </form>
                    </div>
                    <div class="popUpBackground fullScreen">
                    </div>
                <%}%>
                <div class="discussions">
                    <span class="topBorder borderBottom">
                        <div class="discussion-title tailleGrand bold"><%= strings.getString("SousSectionTitre") %></div>
                        <div class="discussion-posts tailleGrand bold"><%= strings.getString("SousSectionMessages") %></div>
                        <div class="discussion-views tailleGrand bold"><%= strings.getString("SousSectionVues") %></div>
                        <div class="discussion-time tailleGrand bold"><%= strings.getString("SousSectionDernier") %></div>
                    </span>
                    <%if(discussions.size()>0){%>
                    <form id="form" action="" method="get">
                        <input id="idSousSection" type="hidden" name="<%= ConstantesWeb.PARAM_ID_SOUS_SECTION %>" value="<%= sousSection.getIdSousSection().intValue() %>" />
                        <%for(int i = 0; i < discussions.size(); i++){%>           
                        <input class="idForm" id="idForm<%=i%>" type="hidden" name="<%= ConstantesWeb.PARAM_ID_DISCUSSION %>" value="<%= discussions.get(i).getIdDiscussion() %>"/>
                        <%if(utilisateur != null && utilisateur.getStatut().equals("administrateur")){%>
                        <div class="discussion-check">
                            <input class="chkDiscussion" type="checkbox" name="<%= ConstantesWeb.PARAM_ID_DISCUSSION_CHECK %>" value="<%= discussions.get(i).getIdDiscussion() %>"/>
                        </div>
                        <%}%>
                        <span id="<%=i%>" class="<%=((i%2)==0)?"gray":""%> discussion">
                            <div class="discussion-title tailleMoyen">
                                <%= discussions.get(i).getTitre() %>
                            </div>
                            <div class="discussion-posts tailleMoyen">
                                <%= discussions.get(i).getNbMessages() %>
                            </div>
                            <div class="discussion-views tailleMoyen">
                                <%= discussions.get(i).getNbVues() %>
                            </div>
                            <div class="discussion-time tailleMoyen">
                                <%= discussions.get(i).getTempsDernierMessage() %>
                            </div>
                            <div class="discussion-user tailleMoyen">
                                <%= discussions.get(i).getDernierUser().getNom() + ", " + discussions.get(i).getDernierUser().getPrenom() %>
                            </div>
                        </span>
                    <%}%>
                    <%}else{%>
                    <div><%= strings.getString("SousSectionAucune") %></div>
                    <%}%>
                    </form>
                </div>
            </div>
        </div>
        <div id="selectSousSection" style="display:none;">
            <%for(int i = 0; i < sections.size(); i++){%>
                <%SectionBean section = sections.get(i);%>
                <%for(int j = 0; j < section.getSousSections().size(); j++){%>
                <%SousSectionBean bean = section.getSousSections().get(j);%>
                <option value="<%= bean.getIdSousSection() %>">
                    <%= bean.getTitre() %>
                </option>
            <%}}%>
        </div>
        <div id="lockHead" style="display:none;">
            <div class="colTitre tailleGrand bold borderBottom"><%= strings.getString("SousSectionColTitre") %></div>
            <div class="colSelect tailleGrand bold borderBottom"></div>
        </div>
        <div id="moveHead" style="display:none;">
            <div class="colTitre tailleGrand bold borderBottom"><%= strings.getString("SousSectionColTitre") %></div>
            <div class="colSelect tailleGrand bold borderBottom"><%= strings.getString("SousSectionColSelect") %></div>
        </div>
        <div id="selectLock" style="display:none;">
            <option value="true"><%= strings.getString("SousSectionLock") %></option>
            <option value="false"><%= strings.getString("SousSectionUnlock") %></option>
        </div>
        <div id="submitButton" style="display:none;">
            <input type="submit" value="<%= strings.getString("SousSectionSoumettre") %>"/>
        </div>
        <div id="hoverBg"></div>
        <div id="hoverRoot">
            <form action="./Accueil" method="get"></form>
        </div>
        <input id="nextPage" type="hidden" name="<%= ConstantesWeb.PARAM_NEXT %>" value="<%= ConstantesWeb.ATTRIBUT_PAGE_SOUS_SECTION %>"/>
    </body>
</html>
